<!DOCTYPE html>
<html lang="fr">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>eNewStore</title>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="assets/css/bootstrap.css" rel="stylesheet">

    <link href="assets/css/global.css" rel="stylesheet">
</head>

<!-- HTML code from Bootply.com editor -->

<body>

<!-- Header -->
<jsp:include page="../Menu_template/menuHeader.jsp"/>

<!-- Main -->
<div class="container">


    <!-- upper section -->
    <div class="row">
        <!-- NOM D MENU Gauche à INTEGRER EN FONCTION DU SERVICE -->
        <jsp:include page="../Menu_template/menu_sidePrepa.jsp"/>
        <!-- /span-3 -->
        <div class="col-wmd-9">

            <!-- column 2 -->
            <a href="#"><strong><i class="glyphicon glyphicon-dashboard"></i> My Dashboard</strong></a>
            <hr>
            <div class="row">
                <!-- center left-->
                <div class="col-md-7">

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4>Processing Status</h4>
                        </div>
                        <div class="panel-body">
                            <small>Complete</small>
                            <div class="progress">
                                <div class="progress-bar progress-bar-success"
                                     role="progressbar" aria-valuenow="72" aria-valuemin="0"
                                     aria-valuemax="100" style="width: 72%">
                                    <span class="sr-only">72% Complete</span>
                                </div>
                            </div>

                            <small>In Progress</small>
                            <div class="progress">
                                <div class="progress-bar progress-bar-info" role="progressbar"
                                     aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"
                                     style="width: 20%">
                                    <span class="sr-only">20% Complete</span>
                                </div>
                            </div>
                            <small>At Risk</small>
                            <div class="progress">
                                <div class="progress-bar progress-bar-danger"
                                     role="progressbar" aria-valuenow="80" aria-valuemin="0"
                                     aria-valuemax="100" style="width: 80%">
                                    <span class="sr-only">80% Complete</span>
                                </div>
                            </div>
                        </div>
                        <!--/panel-body-->
                    </div>
                    <!--/panel-->
                </div>
                <!--/col-->
            </div>


            <script type='text/javascript'
                    src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>


            <script type='text/javascript'
                    src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

        </div>
    </div>
</div>
</body>
</html>